<template>
  <div class="pt-4">
    <CaseCard :data="caseInfo" />
  </div>
</template>
<script lang="ts" setup>
import { caseListInfo } from "@/api/case";
const caseInfo = ref({});
const isShow = ref(false);
const getCaseInfo = async () => {
  const res = await caseListInfo();

  caseInfo.value = res.data.list;
  isShow.value = true;

};
onMounted(() => {
  getCaseInfo();
});
</script>
<style lang="scss" scoped>
:deep(.el-tabs__item.is-active) {
  color: var(--color-primary) !important;
}

:deep(.el-tabs__item:hover) {
  color: var(--color-primary) !important;
}

:deep(.el-tabs__active-bar) {
  background-color: var(--color-primary);
}
</style>
